<template>
  <b-input-group class="search">
    <b-input-group-prepend class="p-2 m-1">
      <i class="zi zi_search" zico="搜索"></i>
    </b-input-group-prepend>
    <b-form-input class="search-ipunt" placeholder="搜索"></b-form-input>
  </b-input-group>
</template>

<script>
export default {
  name: "Search",
};
</script>

<style lang="less" scoped>
.search {
  background-color: rgb(240, 240, 240);
  border: 1px solid rgb(240, 240, 240);
  border-radius: 25px;
  display: flex;
  align-items: center;

  .search-ipunt {
    border: none;
    max-width: 86%;
    background-color: inherit !important;
  }

  .search-ipunt:focus {
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
</style>